<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>csdn</title>
		<style type="text/css">
			#page{
				width:1000px ;
				margin: 0px auto;
			}
			*{
				margin: 0px;
				padding: 0px;
			}
			#login{
				width: 200px;
				height: 10px;
				border: 2px solid red;
				float: right;
			}
			#goumai,#csdn{
				width:1000px;
				height: 50px;
				border: 2px solid blue;
				float: left;
				margin-top: 5px;
			}
			#jike,#yejie{
				width:1000px;
				height: 15px;
				border: 2px solid hotpink;
				float: left;
				margin-top: 5px;
			}
			#jiqi{
				width:650px;
				height: 400px;
				border: 2px solid olive;
				float: left;
				margin-top: 5px;
			}
			#jiqi #left1{
				height: 350px;
				width: 300px;
				border: 2px solid aqua;
				margin-top: 30px;
				margin-left: 10px;
				float: left;
			}
			#jiqi #rig1{
				height: 350px;
				width: 300px;
				border: 2px solid navajowhite;
				float: right;
				margin-top: 10px;
				margin-right: 10px;
			}
			#toutiao{
				height: 150px;
				width: 650px;
				border: 2px solid navy;				
				margin-top: 5px;
				float: left;
			}
			#bigleft{
				height: 1500px;
				width:310px ;
				border: 2px solid tomato;
				clear: both;
				margin-top: 10px;
				float: left;
			}
			#bigmid{
				height: 2000px;
				width:310px ;
				border: 2px solid yellow;
				float: left;
				margin-top: 10px;
				margin-left: 30px;
			}
			#bigrig{
				width: 320px;
				height: 2500px;
				border: 2px solid red;
				float: right;
				margin-top:-560px;
			}
			#xia1,#xia2,#xia3{
				height:150px;
				width: 1000px;
				border: 2px solid darkblue;
				float: left;
				margin-top: 5px;
			}
		</style>
	</head>
	<body>
		<div id="page">		
		<div id="login">登录</div>
		<div id="goumai">购买</div>
		<div id="csdn">csdn</div>
		<div id="jike">极客</div>	
		<div id="yejie">业界</div>	
		<div id="jiqi">中间大框
			<div id="left1">左小</div>
			<div id="rig1">右小</div>
		</div>	
		<div id="toutiao">头条</div>
		<div id="bigleft">左侧大</div>
		<div id="bigmid">中间大</div>
		<div id="bigrig">右侧大</div>
		<div id="xia1">下1</div>
		<div id="xia2">下2</div>
		<div id="xia3">下3</div>
		</div>
	</body>
</html>
